<template>
  <div>
     <div class="fh">
      <span
        ><van-icon name="arrow-left" style="font-size: 60px;color: #000;" @click="$router.push('/home')" /><span
          style="font-size: 60px; color: #000;margin-left: 30%; line-height: 150px;"
          >复诊开方</span
        >
        </span
      >
    </div>
    <van-notice-bar
      :scrollable="false"
      wrapable
      color="#FA741A"
      background="#fef5ef"
      left-icon="volume-o"
      text="公益通告：为了更好的服务您，即日起您点击医生的“复诊开方”按钮产生的问诊费用均由平台承担"
    />

    <van-empty class="zu" description="暂无用药记录"/>
    <div class="text">
      复诊开方只面向在平台有医生开具用药记录的患者!您可以先根据当前病情状况找到对应擅长的医生，订购其图文咨询服务，在问诊中医生将根据您的病情描述需要开具用药建议!后续若还有用药需求，就可以直接进入开药门诊申请复诊开放！
    </div>
    <div class="zys">
      <div class="text1">知道怎么找医生</div>
      <van-button type="primary" color="#01b488" block style="width: 94%; height: 132px; margin: auto; font-weight: bolder"
       @click="tiao" >立即问医生</van-button
      >

      <div class="text2">不知道怎么找医生</div>
      <van-button
        color="#edf3fe"
        type="primary"
        block
        style="color: #4f8eff;width: 94%; height: 132px; margin: auto; margin-top: 20px; font-weight: bolder"
        >联系妙手助理</van-button
      >
    </div>
  </div>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter()
const tiao = ()=>{
  // 跳转到问医生
  router.push('/ask');
}
</script>

<style scoped>
.zu{
  width:100%;
  height: 400px;
}
.text{
  width: 94%;
  height: 150px;
  text-align: center;
  margin: auto;
  color: #666666;
}
.zys{
  width: 100%;
  height: 400px;
}
.text1{
  text-align: center;
  margin-bottom: 5px;
  margin-top: 20px;
}
.text2{
 text-align: center;
  margin-bottom: 5px;
  margin-top: 100px;
}
.fh {
  width: 100vw;
  height: 100px;
  /* background: rebeccapurple; */
}
</style>
